<template>
  <div class="details_page">
    <div class="content">
      <van-icon name="checked" size="100px" color="#ff91a8" class="icon-css" />
      <p class="status">秒杀成功!</p>
      <van-button size="large" @click="$router.push('/myOrder')" class="blue-btn1">查看我的订单</van-button>
      <van-button size="large" @click="goOrder()" class="blue-btn">返回首页</van-button>
      <!-- <van-button
        size="large"
        @click="goPoints"
        class="white-btn"
      >返回积分商城</van-button>-->
    </div>
  </div>
</template>

<script>
import { Icon, Button } from 'vant';
export default {
  data() {
    return {
      id: ''
    };
  },
  mounted() {
    const id = this.$route.query.id + '';
    this.id = id;
  },
  methods: {
    goOrder(id) {
      this.$router.replace({
        path: '/home'
      });
    }
    // goPoints() {
    //   this.$router.replace({ path: '//v2Class' });
    // }
  },
  components: {
    'van-icon': Icon,
    'van-button': Button
  }
};
</script>

<style lang="scss" scoped>
.content {
  // margin-top: 88px;
  margin-bottom: 88px;
  overflow: hidden;
}
.details_page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ebebeb;
  z-index: 101;
  width: 100%;
  height: 100%;
}
.icon-css {
  text-align: center;
  margin: 96px auto 20px;
  display: block;
}
.status {
  @include sc(50px, #333);
  text-align: center;
}
.van-button--large {
  width: 90%;
  display: block;
  margin: 30px auto;
}
.blue-btn {
  background-color: #ffffff;
  color: #ff91a8;
  border-radius: 8px;
  border: 1px solid #ff91a8;
}
.blue-btn1 {
  background-color: #ff91a8;
  color: #ffffff;
  border-radius: 8px;
}
.white-btn {
  height: 88px;
  border-radius: 8px;
  border: solid 1px #dc2c53;
  color: #dc2c53;
}
</style>
